<template name="skeleton">
  <view class="sk-container">
    <view class="data-v-2f1ef635">
      <scroll-view scroll-y="true" class="data-v-2f1ef635" style="height:100vh" enable-back-to-top="true">
        <view class="container data-v-2f1ef635 sk-image" style="background-image:url(http://tmp/cta7ykk76FqOd084c6004323e2478ae8ea54341b1659.png)">
          <view class="data-v-2f1ef635">
            <view class="userinfo data-v-2f1ef635" style="height:14rem">
              <view class="avatar data-v-2f1ef635">
                <image class="data-v-2f1ef635 sk-image"></image>
              </view>
              <navigator class="name data-v-2f1ef635">
                <text class="data-v-2f1ef635 sk-transparent sk-text-14-2857-739 sk-text">逗萝大露</text>
              </navigator>
            </view>
          </view>
          <view class="top-right-list data-v-2f1ef635">
            <view class="u-icon u-icon--u-icon data-v-ac70166d u-icon--data-v-ac70166d u-icon--right u-icon--u-icon--right">
              <text class="u-icon__icon u-icon--u-icon__icon data-v-ac70166d u-icon--data-v-ac70166d uicon-list u-icon--uicon-list sk-transparent sk-text-0-0000-753 sk-text" style="font-size: 28px; line-height: 28px; font-weight: normal; top: 0px; color: rgb(255, 255, 255); background-position-x: 50%;"></text>
            </view>
          </view>
          <view class="data-v-2f1ef635">
            <view class="u-popup popup--u-popup data-v-05c24e9b popup--data-v-05c24e9b"></view>
          </view>
        </view>
        <view class="content data-v-2f1ef635">
          <navigator class="info data-v-2f1ef635">
            <view class="relation data-v-2f1ef635 sk-transparent">
              <view class="data-v-2f1ef635">
                <text class="relation-number data-v-2f1ef635 sk-transparent sk-opacity">0</text>
                <text class="relation-item data-v-2f1ef635 sk-transparent sk-text-14-2857-360 sk-text">&nbsp;获赞</text>
              </view>
              <view class="data-v-2f1ef635">
                <text class="relation-number data-v-2f1ef635 sk-transparent sk-text-14-2857-892 sk-text">99</text>
                <text class="relation-item data-v-2f1ef635 sk-transparent sk-text-14-2857-347 sk-text">&nbsp;朋友</text>
              </view>
              <view class="data-v-2f1ef635">
                <text class="relation-number data-v-2f1ef635 sk-transparent sk-text-14-2857-899 sk-text">99</text>
                <text class="relation-item data-v-2f1ef635 sk-transparent sk-text-14-2857-461 sk-text">&nbsp;关注</text>
              </view>
              <view class="data-v-2f1ef635">
                <text class="relation-number data-v-2f1ef635 sk-transparent sk-text-14-2857-344 sk-text">99</text>
                <text class="relation-item data-v-2f1ef635 sk-transparent sk-text-14-2857-51 sk-text">&nbsp;粉丝</text>
              </view>
            </view>
            <view class="introduction data-v-2f1ef635 sk-transparent sk-text-14-2857-618 sk-text">我就说网上能学到真东西吧！666</view>
            <view class="ip data-v-2f1ef635">
              <view class="sex data-v-2f1ef635">
                <view class="data-v-2f1ef635" style="display:flex;align-items:center">
                  <image class="data-v-2f1ef635 sk-image" style="margin-right:5px"></image>
                  <text class="data-v-2f1ef635 sk-transparent sk-text-14-2857-643 sk-text">女</text>
                </view>
                <text class="data-v-2f1ef635 sk-transparent sk-text-14-2857-868 sk-text">19</text>
              </view>
              <text class="data-v-2f1ef635 sk-transparent sk-text-14-2857-577 sk-text">云南省</text>
              <view class="age data-v-2f1ef635 sk-transparent sk-text-14-2857-320 sk-text">北京外国语大学</view>
            </view>
          </navigator>
          <view class="data-v-2f1ef635">
            <view class="head-wrapper data-v-2f1ef635">
              <view class="u-tabs tabs--u-tabs data-v-02b0c54f tabs--data-v-02b0c54f">
                <view class="u-tabs__wrapper tabs--u-tabs__wrapper data-v-02b0c54f tabs--data-v-02b0c54f">
                  <view class="u-tabs__wrapper__scroll-view-wrapper tabs--u-tabs__wrapper__scroll-view-wrapper data-v-02b0c54f tabs--data-v-02b0c54f">
                    <scroll-view scroll-with-animation="true" class="u-tabs__wrapper__scroll-view tabs--u-tabs__wrapper__scroll-view data-v-02b0c54f tabs--data-v-02b0c54f" scroll-left="0" scroll-x="true">
                      <view class="u-tabs__wrapper__nav tabs--u-tabs__wrapper__nav data-v-02b0c54f tabs--data-v-02b0c54f">
                        <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-0 tabs--u-tabs__wrapper__nav__item-0" style="padding-left:5rem;padding-right:5rem;height:34px;;flex:;">
                          <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-524 sk-text" style="color:#303133;font-weight:bold;transform:scale(1.05);">帖子</text>
                        </view>
                        <view class="u-tabs__wrapper__nav__item tabs--u-tabs__wrapper__nav__item data-v-02b0c54f tabs--data-v-02b0c54f u-tabs__wrapper__nav__item-1 tabs--u-tabs__wrapper__nav__item-1" style="padding-left:5rem;padding-right:5rem;height:34px;;flex:;">
                          <text class="u-tabs__wrapper__nav__item__text tabs--u-tabs__wrapper__nav__item__text data-v-02b0c54f tabs--data-v-02b0c54f sk-transparent sk-text-14-2857-407 sk-text" style="color:#606266;transform:scale(1);">收藏</text>
                        </view>
                        <view class="u-tabs__wrapper__nav__line tabs--u-tabs__wrapper__nav__line data-v-02b0c54f tabs--data-v-02b0c54f" style="width:20px;transform:translate(85px);transition-duration:300ms;height:7px;background:url() 100% 100%;background-size:cover;"></view>
                      </view>
                    </scroll-view>
                  </view>
                </view>
              </view>
            </view>
            <view class="content-swiper data-v-2f1ef635">
              <swiper class="swiper data-v-2f1ef635" current="0" autoplay="false">
                <swiper-item class="data-v-2f1ef635" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                  <view is="components/BlogForMy" class="data-v-2f1ef635">
                    <view class="blog-wrapper BlogForMy--blog-wrapper">
                      <view>
                        <view class="top BlogForMy--top">
                          <view class="top-left BlogForMy--top-left">
                            <view class="u-avatar avatar--u-avatar data-v-34d954f9 avatar--data-v-34d954f9 u-avatar--circle avatar--u-avatar--circle" style="background-color:transparent;width:40px;height:40px;;">
                              <image class="u-avatar__image avatar--u-avatar__image data-v-34d954f9 avatar--data-v-34d954f9 u-avatar__image--circle avatar--u-avatar__image--circle sk-image" mode="scaleToFill" style="width:40px;height:40px;"></image>
                            </view>
                            <text class="nick-name BlogForMy--nick-name sk-transparent sk-text-14-2857-462 sk-text">太酷啦</text>
                          </view>
                        </view>
                        <view class="content BlogForMy--content">
                          <view>
                            <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                              <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:42px;text-indent:0">
                                <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 u6qfZit3UyXDSPclhTpC0EddZ0xxVOxe more--u6qfZit3UyXDSPclhTpC0EddZ0xxVOxe">
                                  <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                                    <view id="bb9b383d--_root" style="true" class="_root parse--_root">
                                      <view style="true" class="_block node--_block _span node--_span undefined node--undefined">
                                        <text decode="true" class="sk-transparent sk-text-14-2857-254 sk-text">蛟龙未遇，潜水于鱼鳖之间；君子失时，拱手于小人之下。</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                              </view>
                            </view>
                            <view class="u-grid grid--u-grid data-v-10b668c8 grid--data-v-10b668c8" style="justify-content:flex-start;">
                              <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                                <view>
                                  <image lazy-load="true" class="file-item-multi BlogForMy--file-item-multi sk-image" mode="aspectFill"></image>
                                </view>
                              </view>
                            </view>
                          </view>
                          <view class="topic-wrapper BlogForMy--topic-wrapper sk-transparent">
                            <view class="topic BlogForMy--topic sk-transparent sk-text-14-2857-774 sk-text">#</view>
                            <text style="color:black;font-weight:bolder;font-size:12px" class="sk-transparent sk-text-14-2857-264 sk-text">校园新闻~</text>
                          </view>
                          <view class="btn-wrapper BlogForMy--btn-wrapper">
                            <view style="display:flex;align-items:center" class="sk-transparent">
                              <image class="btn-img BlogForMy--btn-img sk-image"></image>
                              <text class="sk-transparent sk-text-14-2857-129 sk-text">&nbsp;分享</text>
                            </view>
                            <view style="display:flex;align-items:center">
                              <image class="btn-img BlogForMy--btn-img sk-image"></image>
                              <text class="sk-transparent sk-text-14-2857-609 sk-text">&nbsp;0</text>
                            </view>
                            <view style="display:flex;align-items:center">
                              <image class="btn-img BlogForMy--btn-img sk-image"></image>
                              <text class="sk-transparent sk-text-14-2857-390 sk-text">&nbsp;1</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view is="components/BlogForMy" class="data-v-2f1ef635">
                    <view class="blog-wrapper BlogForMy--blog-wrapper">
                      <view>
                        <view class="top BlogForMy--top">
                          <view class="top-left BlogForMy--top-left">
                            <view class="u-avatar avatar--u-avatar data-v-34d954f9 avatar--data-v-34d954f9 u-avatar--circle avatar--u-avatar--circle" style="background-color:transparent;width:40px;height:40px;;">
                              <image class="u-avatar__image avatar--u-avatar__image data-v-34d954f9 avatar--data-v-34d954f9 u-avatar__image--circle avatar--u-avatar__image--circle sk-image" mode="scaleToFill" style="width:40px;height:40px;"></image>
                            </view>
                            <text class="nick-name BlogForMy--nick-name sk-transparent sk-text-14-2857-586 sk-text">太酷啦</text>
                          </view>
                        </view>
                        <view class="content BlogForMy--content">
                          <view>
                            <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                              <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:80px;text-indent:0">
                                <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 ucrdnA2gpwkNDP9HrGdr98EHQE5hD24n more--ucrdnA2gpwkNDP9HrGdr98EHQE5hD24n">
                                  <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                                    <view id="98fbfe1b--_root" style="true" class="_root parse--_root">
                                      <view style="true" class="_block node--_block _span node--_span undefined node--undefined">
                                        <text decode="true" class="sk-transparent sk-text-14-2857-204 sk-text">大佬好厉害，能不能帮我加工一根内径12.7mm，内部螺旋型加强筋，左旋，缠距10.6，缠角4.5，阴线0.48，长度130的，材料用铬钼合金钢，最好是4150，冷锻工艺制造，内膛镀铬，高频淬火，外部发黑处理，我晒衣服用。再帮我加工一根内径7.62mm，带膛线，右旋，缠距12.649，缠角5.72，阴线0.15的无缝钢管，长468mm，材料用铬钼合金钢，最好是4150，冷锻工艺制造，内膛镀铬，高频淬火，外部发黑处理，我铺管道用。[保佑][保佑][保佑][doge][doge][doge]</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </swiper-item>
              </swiper>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      switch1: true,
      switch2: false
    };
  }
}
</script>

<style lang="scss">
/*
此文件为开发者工具生成，生成时间: 2024/3/11下午8:13:35

在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\my\my.wxss 中引入样式
```
@import "./my.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-739 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 50.7246rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-0-0000-753 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 50.7246rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-360 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-892 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-347 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-899 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-461 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-344 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-51 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-618 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-643 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-868 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-577 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-320 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710rpx;
  position: relative !important;
}
.sk-text-14-2857-524 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435rpx;
  position: relative !important;
}
.sk-text-14-2857-407 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435rpx;
  position: relative !important;
}
.sk-text-14-2857-462 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986rpx;
  position: relative !important;
}
.sk-text-14-2857-254 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435rpx;
  position: relative !important;
}
.sk-text-14-2857-774 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-264 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348rpx;
  position: relative !important;
}
.sk-text-14-2857-129 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-609 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-390 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-586 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986rpx;
  position: relative !important;
}
.sk-text-14-2857-204 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435rpx;
  position: relative !important;
}
.sk-image {
  background: #EFEFEF !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}

</style>
